<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <title>首页</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/rem.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/lib.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="wp">
            <div class="logo"><a href=""><img src="images/logo.png" alt=""></a></div>
            <span class="menuBtn"></span>
        </div>
    </div>
    <div class="nav">
        <ul>
            <li>
                <a href="" class="v1"><span>首页</span></a>
            </li>
            <li>
                <a href="" class="v1"><span>关于阳光郡<i></i></span></a>
                <div class="sub">
                    <a href="" class="v2">集团简介</a>
                    <a href="" class="v2">领导致辞</a>
                    <a href="" class="v2">发展历程</a>
                    <a href="" class="v2">企业文化</a>
                    <span class="btn-back">返回</span>
                </div>
            </li>
            <li>
                <a href="" class="v1"><span>业务模式<i></i></span></a>
                <div class="sub">
                    <a href="" class="v2">集团简介</a>
                    <a href="" class="v2">领导致辞</a>
                    <a href="" class="v2">发展历程</a>
                    <a href="" class="v2">企业文化</a>
                    <a href="" class="v2">企业文化</a>
                    <a href="" class="v2">企业文化</a>
                    <span class="btn-back">返回</span>
                </div>
            </li>
            <li>
                <a href="" class="v1"><span>资讯中心<i></i></span></a>
                <div class="sub">
                    <a href="" class="v2">集团简介</a>
                    <a href="" class="v2">领导致辞</a>
                    <a href="" class="v2">发展历程</a>
                    <a href="" class="v2">企业文化</a>
                    <a href="" class="v2">企业文化</a>
                    <a href="" class="v2">企业文化</a>
                    <span class="btn-back">返回</span>
                </div>
            </li>
            <li>
                <a href="" class="v1"><span>加入我们<i></i></span></a>
                <div class="sub">
                    <a href="" class="v2">集团简介</a>
                    <a href="" class="v2">企业文化</a>
                    <a href="" class="v2">企业文化</a>
                    <span class="btn-back">返回</span>
                </div>
            </li>
            <li>
                <a href="" class="v1"><span>联系我们<i></i></span></a>
                <div class="sub">
                    <a href="" class="v2">企业文化</a>
                    <a href="" class="v2">企业文化</a>
                    <span class="btn-back">返回</span>
                </div>
            </li>
            <li>
                <a href="" class="v1"><span>集团办公</span></a>
            </li>
        </ul>
    </div>
    <!-- 头部 -->
    <!-- banner -->
    <div class="banner">
        <div class="slider">
            <div class="item">
                <a href=""><img src="images/banner1.jpg" alt=""></a>
            </div>
            <div class="item">
                <a href=""><img src="images/banner1.jpg" alt=""></a>
            </div>
            <div class="item">
                <a href=""><img src="images/banner1.jpg" alt=""></a>
            </div>
            <div class="item">
                <a href=""><img src="images/banner1.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <!-- banner -->
    <!-- 内容 -->
    <div class="main">
        <!-- 地产开发 -->
        <div class="row-a1">
            <div class="wp">
                <div class="g-t1">
                    <i class="ico" style="background-image: url(images/i-t1.png);"></i>
                    <h2>地产开发</h2>
                    <em>Real estate development</em>
                    <a href="" class="more"></a>
                </div>
                <ul class="m-list1">
                    <li>
                        <a href="" class="con">
                            <span class="ico" style="background-image: url(images/i-a1.png);"></span>
                            <div class="txt">
                                <h3>产业园区</h3>
                                <em>Industrial Park</em>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="" class="con">
                            <span class="ico" style="background-image: url(images/i-a2.png);"></span>
                            <div class="txt">
                                <h3>城市更新</h3>
                                <em>urban renewal</em>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="" class="con">
                            <span class="ico" style="background-image: url(images/i-a3.png);"></span>
                            <div class="txt">
                                <h3>海外特区</h3>
                                <em>Overseas special zones</em>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="" class="con">
                            <span class="ico" style="background-image: url(images/i-a4.png);"></span>
                            <div class="txt">
                                <h3>物业服务</h3>
                                <em>Property services</em>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 房源推荐 -->
        <div class="row-a2">
            <div class="wp">
                <div class="m-slide1">
                    <h2 class="g-t2">房源推荐</h2>
                    <div class="slider">
                        <div class="item">
                            <div class="con">
                                <div class="pic">
                                    <img src="images/p1.jpg" alt="">
                                </div>
                                <div class="txt">
                                    <h3>四季家园</h3>
                                    <div class="desc">
                                        <p>四季家园位于廊坊未来新中心，集城市中央政务区、城市高档休闲区、城市高档生活区三大核心于一体。</p>
                                    </div>
                                    <a href="" class="more"></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con">
                                <div class="pic">
                                    <img src="images/p1.jpg" alt="">
                                </div>
                                <div class="txt">
                                    <h3>四季家园</h3>
                                    <div class="desc">
                                        <p>四季家园位于廊坊未来新中心，集城市中央政务区、城市高档休闲区、城市高档生活区三大核心于一体。</p>
                                    </div>
                                    <a href="" class="more"></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con">
                                <div class="pic">
                                    <img src="images/p1.jpg" alt="">
                                </div>
                                <div class="txt">
                                    <h3>四季家园</h3>
                                    <div class="desc">
                                        <p>四季家园位于廊坊未来新中心，集城市中央政务区、城市高档休闲区、城市高档生活区三大核心于一体。</p>
                                    </div>
                                    <a href="" class="more"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 新闻中心 -->
        <div class="row-a3">
            <div class="wp">
                <div class="m-slide2">
                    <h2 class="g-t2">新闻中心</h2>
                    <div class="slider">
                        <div class="item">
                            <div class="txt">
                                <h3>巨擘联手 肇启未来 | 融创服务集团与阳光郡置地集团签署战略合作协议</h3>
                                <span class="date">2020.06.10</span>
                                <div class="desc">
                                    <p>2020年6月10日， 阳光郡置地集团和融创服务集团签署战略合作协议，正式开启战略合作伙伴关系。双方将充分发挥自身优势，在物业服务领域展开全面且深度的合作，以品质筑城，以服务御家，两大巨擘联合，共鉴城市璀璨蜕变！</p>
                                </div>
                                <a href="" class="more"></a>
                            </div>
                            <div class="pic"><img src="images/p2.jpg" alt=""></div>
                        </div>
                        <div class="item">
                            <div class="txt">
                                <h3>巨擘联手 肇启未来 | 融创服务集团与阳光郡置地集团签署战略合作协议</h3>
                                <span class="date">2020.06.10</span>
                                <div class="desc">
                                    <p>2020年6月10日， 阳光郡置地集团和融创服务集团签署战略合作协议，正式开启战略合作伙伴关系。双方将充分发挥自身优势，在物业服务领域展开全面且深度的合作，以品质筑城，以服务御家，两大巨擘联合，共鉴城市璀璨蜕变！</p>
                                </div>
                                <a href="" class="more"></a>
                            </div>
                            <div class="pic"><img src="images/p2.jpg" alt=""></div>
                        </div>
                        <div class="item">
                            <div class="txt">
                                <h3>巨擘联手 肇启未来 | 融创服务集团与阳光郡置地集团签署战略合作协议</h3>
                                <span class="date">2020.06.10</span>
                                <div class="desc">
                                    <p>2020年6月10日， 阳光郡置地集团和融创服务集团签署战略合作协议，正式开启战略合作伙伴关系。双方将充分发挥自身优势，在物业服务领域展开全面且深度的合作，以品质筑城，以服务御家，两大巨擘联合，共鉴城市璀璨蜕变！</p>
                                </div>
                                <a href="" class="more"></a>
                            </div>
                            <div class="pic"><img src="images/p2.jpg" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <!-- 底部 -->
    <div class="footer">
        <div class="wp">
            <div class="box">
                <div class="fd-l">
                    <p>阳光郡置地集团 <a href="">版权隐私</a></p>
                    <p>冀ICP备20006799号-1</p>
                </div>
                <div class="fd-r">
                    <a href="JavaScript:;">关注阳光郡置地集团<i></i></a>
                    <div class="qr"><img src="images/maq1.jpg" alt=""></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <script type="text/javascript">
        $(function() {
            $('.fd-r i').click(function() {
                $(this).parent("a").next('.qr').stop().fadeToggle();
            });
        })
    </script>
    <link rel="stylesheet" href="css/slick.css">
    <script src="js/slick.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.banner .slider').slick({
                dots: true,
                arrows: false,
                autoplay: true,
                slidesToShow: 1,
                autoplaySpeed: 3000,
                pauseOnHover: false,
                lazyLoad: 'ondemand'
            });
            $('.m-slide1 .slider').slick({
                dots: false,
                arrows: false,
                autoplay: true,
                slidesToShow: 1,
                autoplaySpeed: 3000,
                pauseOnHover: false,
                lazyLoad: 'ondemand'
            });
            $('.m-slide2 .slider').slick({
                dots: false,
                arrows: false,
                autoplay: true,
                slidesToShow: 1,
                autoplaySpeed: 3000,
                pauseOnHover: false,
                lazyLoad: 'ondemand'
            });
        });
    </script>
</body>

</html>